<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="author" content="Knight of Artoria">
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_614257_8n8nz8wj6xkcsor.css">
		<link rel="stylesheet" href="../css/Goods-Detail.css">
		<title>产品详细</title>
	</head>

	<body>
		<div class="goods-detail mobile">
			<header>
				<!-- 产品大图 -->
				<div class="big-img">
					<img src="../img/big-goods-1.png" alt="产品大图">
				</div>
			</header>

			<section>
				<!-- 产品介绍以及购买模块 -->
				<div class="detail-buy">
					<!-- 详情 -->
					<div class="detail">
						<h2>
                        【模板】18K金鑽石戒指
                    </h2>
						<p>
							飽滿的圓形戒托綴以多顆閃耀的美鑽，環抱著瑰麗耀眼的主石，把鑽石晶瑩剔透的光澤無限地放大，猶如情人以雙手把妳抱在懷中，讓無微不至的呵護一直圍繞著妳。
						</p>
						<div class="collect">
							<i class="iconfont icon-shoucang"></i>
							<p>
								收藏
							</p>
						</div>
					</div>
					<!-- 购买模块 -->
					<ul class="buy">
						<li>
							<h3>
                            微信价：
                            <span>10000</span>
                        </h3>
							<p>
								销量（
								<span>455</span>）件
							</p>
						</li>
						<li>
							<div>
								<p>镶嵌材质</p>
								<select name="" id="">
									<option value="18K">
										18K 白金镶嵌
									</option>
									<option value="18K">
										18K 白金镶嵌
									</option>
									<option value="18K">
										18K 白金镶嵌
									</option>
								</select>
							</div>

							<button>
                        	<a href="Shopping-Car.html">加入购物车</a>
                        </button>
						</li>
						<li>
							<div>
								<p>
									<span>
                                    数量
                                </span>
									<span>
                                    (剩余 13621)
                                </span>
								</p>
								<p>
									<span>
                                    +
                                </span>
									<span>
                                    1
                                </span>
									<span>
                                    -
                                </span>
								</p>
							</div>
							<button>
                            我要帮购
                        </button>
						</li>
						<li>
							<div>
								<p>
									快递 免运费
								</p>
							</div>

							<button>
                            立即购买
                        </button>
						</li>
					</ul>
				</div>
				<!-- 商品属性-图文详细-评价 -->
				<div class="goods-attribute">
					<ul>
						<li class="active">商品属性</li>
						<li>图文详细</li>
						<li>评价<span>（120）</span></li>
					</ul>
					<div class="content">
						<p>【模板】18K金钻石婚戒/750金钻石</p>
						<p>【模板】18K金钻石婚戒/750金钻石</p>
						<p>【模板】18K金钻石婚戒/750金钻石</p>
						<p>【模板】18K金钻石婚戒/750金钻石</p>
						<p>【模板】18K金钻石婚戒/750金钻石</p>
						<p>【模板】18K金钻石婚戒/750金钻石</p>
						<p>【模板】18K金钻石婚戒/750金钻石</p>
						<p>【模板】18K金钻石婚戒/750金钻石</p>
						<p>【模板】18K金钻石婚戒/750金钻石</p>
						<p>【模板】18K金钻石婚戒/750金钻石</p>
						<p>【模板】18K金钻石婚戒/750金钻石</p>
						<p>【模板】18K金钻石婚戒/750金钻石</p>
						<p>【模板】18K金钻石婚戒/750金钻石</p>
					</div>
				</div>
			</section>
		</div>
	</body>

</html>